<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<title>Equinox Admin Panel - Dashboard</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/dashboard.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
<link rel="stylesheet" href="css/horizontal_slider.css" type="text/css" media="all">
<link rel="stylesheet" href="css/tooltip.css" type="text/css" media="all">
<!--[if IE 6]>

<link rel="stylesheet" href="css/ie.css" type="text/css" media="all"/>

<![endif]-->
<script type="text/javascript" src="js/jquery-1.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.easing['easeOutCirc'] = function(x, t, b, c, d, s) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
};

jQuery(document).ready(function() {
    jQuery('#slider_horizontal').jcarousel({
		scroll: 1,
        easing: 'easeOutCirc',
        animation: 500
    });
});

//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(document).ready(function() {
  $('ul#nav_top > li').hover(function() {
	$('a.change').html('Choose an action below');
    $('ul:first', this).show();
  },
  function() {
	$('a.change').html('Set Status Approved');
    $('ul:first', this).hide();
  });

  $('ul#nav_top li li').hover(function() {
    $('ul:first', this).each(function() {
      $(this).css('top', $(this).parent().position().top );
      $(this).css('left', $(this).parent().position().left + $(this).parent().width() );
      $(this).show();
    });
  },
  function() {
    $('ul:first', this).hide();
  });
});

$(document).ready(function() {
  $('ul#nav_bottom > li').hover(function() {
	$('a.change').html('Choose an action below');
    $('ul:first', this).show();
  },
  function() {
	$('a.change').html('Set Status Approved');
    $('ul:first', this).hide();
  });

  $('ul#nav_bottom li li').hover(function() {
    $('ul:first', this).each(function() {
      $(this).css('top', $(this).parent().position().top );
      $(this).css('left', $(this).parent().position().left + $(this).parent().width() );
      $(this).show();
    });
  },
  function() {
    $('ul:first', this).hide();
  });
});
//--><!]]>
</script>
</head><body>
<div id="container">
  <div id="preloadDefaultImages"></div>
  <!--[if !IE]>start header<![endif]-->
  <div id="header">
    <div class="content_all">
      <div class="header-left"><img src="img/logo.png" alt="logo" height="56px" width="268px"></div>
      <div class="header-right"> <span class="welcome">Xin chào <strong>Administrator</strong></span> <span class="links"><a href="#" class="my-account">Tài khoản</a> | <a href="#">Thoát</a></span> <span class="links"><a href="#" class="new-message">4 tin nhắn mới</a></span> <span class="time-ip">Server time : 6:45 AM<br>
        Last login ip : 192.168.0.15</span> </div>
    </div>
  </div>
  <!--[if !IE]>end header<![endif]-->
  <!--[if !IE]>start main menu<![endif]-->
  <div id="menu_row">
    <div class="content_all">
      <ul class="sf-menu sf-js-enabled sf-shadow">
        <li><a href="index.html"><span><span>Dashboard</span></span></a></li>
        <li><a href="res.html" class="active"><span><span>Nhà hàng</span></span></a></li>
        <li><a href="#"><span><span>Studio</span></span></a></li>
        <li class=""><a href="#"><span><span>Thiệp cưới</span></span></a>
          <ul style="display: none; visibility: hidden;">
            <li class="first_item"><span><a href="#">Photos of our Office</a></span></li>
            <li><span><a href="#">Our Best Work Compilation</a></span></li>
            <li><span><a href="#">Travel Photos 2008</a></span></li>
            <li class="submenu"><span><a href="#">Travel Photos 2009</a></span>
              <ul style="display: none; visibility: hidden;">
                <li class="first_item"><span><a href="#">Photos of our Office</a></span></li>
                <li><span><a href="#">Our Best Work Compilation</a></span></li>
                <li><span><a href="#">Travel Photos 2008</a></span></li>
                <li><span><a href="#">August Party in New Orleans</a></span></li>
                <li><span><a href="#">Another menu item</a></span></li>
                <li><span><a href="#">Last item in the menu</a></span></li>
              </ul>
            </li>
            <li><span><a href="#">August Party in New Orleans</a></span></li>
            <li><span><a href="#">Another menu item</a></span></li>
            <li><span><a href="#">Last item in the menu</a></span></li>
          </ul>
        </li>
        <li class="last_item"><a href="#"><span><span>seo settings</span></span></a></li>
      </ul>
      <div class="search">
        <form name="searchForm" action="search.php" method="get">
          <input class="search-text" name="searchtext" value="" id="searchtext" type="text">
          <input class="search-submit" name="submit" value="GO" id="submit" type="submit">
        </form>
      </div>
    </div>
  </div>
  <!--[if !IE]>end main menu<![endif]-->
  <!--[if !IE]>start content<![endif]-->
  <div id="content">
    <div class="content_all">
      <div class="content-outer">
        <div class="content-inner">
          <div class="title_border_nopadd">
            <h1>Table Template</h1>
            <div class="dash-sub-menu">
              <ul>
                <li><a href="#" class="active"><span><span>Products</span></span></a></li>
                <li><a href="#"><span><span>Pending</span></span></a></li>
                <li><a href="#"><span><span>Shipped</span></span></a></li>
                <li><a href="#"><span><span>Discounts</span></span></a></li>
              </ul>
            </div>
          </div>
          <div class="before-after-table">
            <ul class="select_all">
              <li><a href="#" title=""><span><span><span class="plus">select all</span></span></span></a></li>
              <li><a href="#" title=""><span><span><span class="minus">deselect all</span></span></span></a></li>
            </ul>
            
            <ul id="nav_top" class="nav">
              <li><a href="#" class="change">Set Status Approved</a>
                <ul style="display: none;">
                  <li><a href="#">General Inquiry</a> </li>
                  <li><a href="#">Programming </a> </li>
                  <li><a href="#">Website Quote Request</a> </li>
                  <li><a href="#">Feedback</a> </li>
                  <li><a href="#">Help and Support</a> </li>
                </ul>
              </li>
            </ul><strong class="apply-action">Apply Action :</strong>
          </div>
          <form name="frm-checkboxes" action="" method="post">
          <table cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <th class="check"></th>
                <th class="photo">Photo</th>
                <th class="item_name"><a tiptitle="Sort by name" href="#">Item name</a></th>
                <th class="price"><a tiptitle="Sort by price descending." href="#" class="tooltip">Price</a></th>
                <th class="status"><a tiptitle="Sort by status" href="#">Status</a></th>
                <th class="move">Move</th>
                <th class="quickaction">Quick Actions</th>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="approved">Approved</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="pending">Pending</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="approved">Approved</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="pending">Pending</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="approved">Approved</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="pending">Pending</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="approved">Approved</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td> no photo</td>
                <td class="item_name"><a href="" title="">Smaller row with no photo</a></td>
                <td class="price">$90</td>
                <td class="status"><span class="pending">Pending</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td> no photo</td>
                <td class="item_name"><a href="" title="">Smaller row with no photo</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="pending">Pending</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td> no photo</td>
                <td class="item_name"><a href="" title="">Smaller row with no photo</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="approved">Approved</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td> no photo</td>
                <td class="item_name"><a href="" title="">Smaller row with no photo</a></td>
                <td class="price">$30</td>
                <td class="status"><span class="pending">Pending</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
              <tr>
                <td class="check"><input name="check_selected[]" type="checkbox"></td>
                <td> no photo</td>
                <td class="item_name"><a href="" title="">Smaller row with no photo</a></td>
                <td class="price">$60</td>
                <td class="status"><span class="pending">Pending</span></td>
                <td class="move"><ul>
                    <li><a tiptitle="Move item up" href="#" class="move1"></a></li>
                    <li><a tiptitle="Move item down" href="#" class="move2"></a></li>
                    <li><a tiptitle="Move item to the top" href="#" class="move3"></a></li>
                    <li><a tiptitle="Move item to the bottom" href="#" class="move4"></a></li>
                  </ul></td>
                <td class="quickaction"><ul>
                    <li><a href="#" class="view"><span><span>View</span></span></a></li>
                    <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                    <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                  </ul></td>
              </tr>
            </tbody>
            
          </table></form>
          <div class="before-after-table">
            <ul class="select_all">
              <li><a href="#" title=""><span><span><span class="plus">select all</span></span></span></a></li>
              <li><a href="#" title=""><span><span><span class="minus">deselect all</span></span></span></a></li>
            </ul>
            
            <ul id="nav_bottom" class="nav">
              <li><a href="#" class="change">Set Status Approved</a>
                <ul style="display: none;">
                  <li><a href="#">General Inquiry</a> </li>
                  <li><a href="#">Programming </a> </li>
                  <li><a href="#">Website Quote Request</a> </li>
                  <li><a href="#">Feedback</a> </li>
                  <li><a href="#">Help and Support</a> </li>
                </ul>
              </li>
            </ul><strong class="apply-action">Apply Action :</strong>
          </div>
        </div>
      </div>
      <div class="pagination">
            <div class="prev_link_inactiv"> <a href="#">Prev Page</a> </div>
            <div class="middle_link"> <span><a href="#" class="active">1</a></span> <span><a href="#">2</a></span> <span><a href="#">3</a></span> <span class="dots">...</span> <span><a href="#">98</a></span> <span><a href="#">99</a></span> <span><a href="#">100</a></span> <span><a href="#">101</a></span> </div>
            <div class="next_link_activ"> <a href="#">Next Page</a> </div>
          </div>
       <br style="clear: left;">
    </div>
    <br style="clear: left;">
  </div>
  <br style="clear: left;">
  <!--[if !IE]>end content<![endif]-->
  <!--[if !IE]>start footer<![endif]-->
  <div id="footer">
    <div class="content_all">
      <div class="footer_left">©2009 Equinox. All rights reserved.<a href="#">Admin Build Information</a></div>
      <div class="footer_right">
        <ul>
          <li><a href="#" class="active"><span><span>DASHBOARD</span></span></a></li>
          <li><a href="#"><span><span>ADVANCED SEARCH</span></span></a></li>
          <li><a href="#"><span><span>ADMIN MAP</span></span></a></li>
          <li><a href="#"><span><span>ADMIN HELP</span></span></a></li>
          <li class="last"><a href="#"><span><span>FAQS</span></span></a></li>
        </ul>
      </div>
    </div>
  </div>
  <!--[if !IE]>end footer<![endif]-->
</div>
<div style="left: -8px; top: 321px; display: none;" id="qTip"></div></body></html>